<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="/css/common.css" />
<link rel="stylesheet" type="text/css" href="/bootstrap-3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/css/flatpickr.min.css" />
<link rel="stylesheet" type="text/css" href="/css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="/dialog/css/dialog.css" />

<script src="/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="/js/google-maps.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/dialog/js/dialog.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/jquery.form.js"></script>
<script src="/js/common.js"></script>
<script src="/js/flatpickr.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/messages_zh.min.js" type="text/javascript"
	charset="utf-8"></script>
</head>

<body>
	<!--顶部导航 -->
		<nav class="topNavItemBox">
			<div id="ItemBox">
				<div class="title">肉品溯源管理系统</div>
			</div>
		</nav>
		<!-- 左侧导航 -->
	<#include "left.ftl" />

	<!-- 新增公司信息 -->
	<div class="page_main">
		<h3>新增环境信息</h3><span class="add_link"><a href="environment_check.ftl">新增环境信息></a></span>
		<br />
		<div class="page_content">

			<form id="quarantine_addform" action="EnvInforAction_addEnvMsg"
				method="post">
				<ul>
					<li><label class="labelBeforinput">*采集区域类型码</label><input
						name="envTypeId" class="bigInputtext" data-rule-isIntGtZero
						type="text" /></li>
					<li><label class="labelBeforinput">*采集区域</label><select
						name="areacodeinfor.areaId" class="bigInputtext"
						data-rule-notZero="true">
							<option value="0">请选择</option>
					</select>
					<li><label class="labelBeforinput">*企业编号</label><input
						name="company.gid" class="bigInputtext" data-rule-isIntGtZero="true"
						type="text" /></li>
					<li><label class="labelBeforinput">*传感器类型</label><select
						name="sensorType.sensorTypeId" class="bigInputtext"
						data-rule-notZero="true">
							<option value="0">请选择</option>
					</select>
					<li><label class="labelBeforinput">*传感器读数</label><input
						style="width:50px;" type="text" name="sensorValue"
						data-rule-isIntGtZero="true" class="bigInputtext" /><span
						style="font-size:16px;margin-left:10px;">℃</span></li>
					<li><label class="labelBeforinput">*采集时间</label><input
						name="recordTime" id="recordTime" type="text" class="bigInputtext"
						required /></li>

					<li><input type="submit" value="添加记录"
						style="margin-left: 170px; width: 200px;" /></li>
				</ul>
			</form>
		</div>
		<div class="footer">
				<div class="footer_lineone">
					<span id="logo"></span>猪肉溯源管理系统 
					<span class="footer_lineoneSpan"><a href="aboutus.html">关于我们</a></span>
					<span class="footer_lineoneSpan"><a target="_blank" href="http://www.cfsiw.com/">食品安全信息</a></span> 
					<span class="footer_lineoneSpan"><a href="suggestionAdd.ftl">联系我们</a></span>
				</div>
				<div class="footer_linetwo">
					 &copy;2017广东技术师范学院
				</div>
			</div>
	</div>
</body>
<script>
	$(function() {
		//初始化侧边栏
		$(".vertical-nav").verticalnav({
			speed : 400,
			align : "left"
		});

		//时间控制器
		$("#recordTime").flatpickr();
		//表单校验
		$("#quarantine_addform").validate();
		$.post("EnvInforAction_getArea", function(data) {
			//$("select[name='gid']").empty();
			console.log(data);
			for (var i = 0; i < data.length; i++) {
				$("select[name='areacodeinfor.areaId']").append(
						"<option value='" + data[i].areaId + "'>"
								+ data[i].areaId + "</option>");
			}
		});
		$.post("EnvInforAction_getSensor", function(data) {
			//$("select[name='gid']").empty();
			console.log(data);
			for (var i = 0; i < data.length; i++) {
				$("select[name='sensorType.sensorTypeId']").append(
						"<option value='" + data[i].sensorTypeId + "'>"
								+ data[i].sensorTypeName + "</option>");
			}
		});
		//表单提交
		$("#quarantine_addform")
				.ajaxForm(
						{
							/* error: function(XMLHttpRequest, textStatus, errorThrown){
								//失败
								$.dialog({
									type: 'info',
									contentHtml: '<img class="info-icon" src="dialog/images/icon/fail.png" alt="增加失败" /><p class="info-text">请输入正确的生猪编号</p>',
									autoClose: 2000
								});
							}, */
							success : function(data) {
								var str = null;
								var msg = null;
								if (data.msg == "添加成功") {
									str = "success";
									msg = "环境信息录入成功";
								} else {
									str = "fail";
									msg = data.msg;
								}
								console.log(data);
								$.dialog({
											type : 'info',
											contentHtml : '<img class="info-icon" src="dialog/images/icon/'+str+'.png" alt="'+msg+'" /><p class="info-text">'
													+ msg + '</p>',
											autoClose: 2000

										});

							}
						});
	});
</script>

</html>